<template>
  <div id="message-page">
    <v-card class="mt-3" flat>
      <v-card-text>
        <p class="headline text-xs-center my-3">
          <v-icon>fas fa-comments</v-icon>&nbsp;站点留言
        </p>
        <div class="hr-line-dashed my-3"></div>
        <v-layout>
          <v-flex>
            <div id="gitalk-container"></div>
          </v-flex>
        </v-layout>
      </v-card-text>
    </v-card>
  </div>
</template>
<script>
import request from '@/utils/request'
import 'gitalk/dist/gitalk.css'
import Gitalk from 'gitalk'
import gitalk_config from '@/utils/gitalk'
import Util from '@/utils'
export default {
  name: 'messages',
  data: () => ({
    gitalk: new Gitalk(gitalk_config)
  }),
  methods: {},
  created() {
    Util.markTitle('留言板')
  },
  mounted() {
    this.gitalk.render('gitalk-container')
    // console.log(window.location.href)
  }
}
</script>

